<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<%pageContext.setAttribute("ctp",request.getContextPath());%>
<!-- Head -->
<head>
    <title>登录</title>
    <!-- Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //Meta-Tags -->

    <!-- Style -->
    <link rel="stylesheet" href="${ctp}/static/css/sign/style.css" type="text/css" media="all">

    <link rel="stylesheet" href="${ctp}/static/css/radio/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${ctp}/static/css/radio/datouwang-demo.css">
    <link rel="stylesheet" href="${ctp}/static/dist/radio/checkbox.css">
    <style>
        #msg{
            color: ghostwhite;
        }
        #t1{
            color: ghostwhite;
            font-size: 80px;
        }
        #t2{
            color: ghostwhite;
            font-size: 50px;
        }
    </style>
</head>
<!-- //Head -->

<!-- Body -->
<body>
<div id="t1">
    <h1>在线鲜花系统</h1>
</div>


<div class="container w3layouts agileits">
    <div class="login w3layouts agileits">
        <div id="t2">
            <h2>登 录</h2>
        </div>
        <form action="${ctp}/login" method="post">
            <div id="msg">
                ${loginMsg}
            </div>
            <input type="text" Name="userName" placeholder="用户名" required="">
            <input type="password" Name="password" placeholder="密码" required="">
            <div class="send-button w3layouts agileits">
                <input type="submit" value="登 录">
            </div>
        </form>
        <div class="social-icons w3layouts agileits">
            <p>- 其他方式登录 -</p>
            <ul>
                <li class="qq"><a href="#">
                    <span class="icons w3layouts agileits"></span>
                    <span class="text w3layouts agileits">QQ</span></a></li>
                <li class="weixin w3ls"><a href="#">
                    <span class="icons w3layouts"></span>
                    <span class="text w3layouts agileits">微信</span></a></li>
                <li class="weibo aits"><a href="#">
                    <span class="icons agileits"></span>
                    <span class="text w3layouts agileits">微博</span></a></li>
                <div class="clear"> </div>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <div class="register w3layouts agileits">
        <div id="t2">
            <h2>注 册</h2>
        </div>
        <form action="${ctp}/isRegistered" method="post">
            <div id="msg">${msg}</div>
            <input type="text" Name="userName" placeholder="用户名" required=""><div id="msg">${userNameMsg}</div>
            <input type="text" Name="email" placeholder="邮箱" required="">
            <input type="password" Name="password" placeholder="密码" required=""><div id="msg">${passwordMsg}</div>
            <input type="text" Name="address" placeholder="地址" required="">
            <div class="row">
                <div class="col-md-4">
                    <div class="el-checkbox">
                        <span class="margin-r">
                            <div id="msg">
                                我是商家
                                <input type="checkbox" name="role" id="1_1">
                            </div>
                        </span>
                        <label class="el-checkbox-style" for="1_1"></label>
                    </div>
                </div>
            </div>
            <div class="send-button w3layouts agileits">
                <input type="submit" value="注 册">
            </div>
        </form>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>
</body>
<!-- //Body -->

</html>